<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta charset="UTF-8">
<title>增加飞机</title>

<link href="/css/cropper.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/css/vendor/common.css" type="text/css">
<link href="/css/vendor/add-drone.less" rel="stylesheet/less" type="text/css">
<script src="/js/less.min.js"></script>
</head>

<body>

<main>
  	<div class="title-bar">
		<label class="server-id">Server_id: 88.8888</label>
		
		<div style="float: right;" class="button" onClick="addDroneEditor.clickDelete()">
			<label class="btn-text">删除</label>
			<img class="del" src="/images/info_edit_del.png">
		</div>
		
		<div style="float: right;" class="button" onClick="clickEdit()">
		  <label id="btn-edit" class="btn-text">编辑</label>
		  <img src="/images/info_edit_edit.png">
	  </div>
	</div>
	
	<div id="info-wrap">
		<!-- 如果只有单列，则把此时只有一个table元素，且需加上single类，如 <table class="single"> -->
		<table>
		    <tr>
		        <td colspan="2">
		            <table class="icon-info" cellpadding="0" cellspacing="0">
                        <tr><td>系统图标</td></tr>
                        <tr>
                            <td>
                                <table class="icon-table" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>
                                             <img id="system-icon-0" class="icon-0" src="/images/user-info-modify/user-info-icon.png" alt="用户头像">
                                             <img id="system-icon-upload" class="upload-icon" src="/images/user-info-modify/user-info-icon-upload.png">
                                             <input id="system-icon-upload-input" type="file">
                                        </td> 
                                        <td>
                                            <img id="system-icon-1" class="icon-1" src="/images/user-info-modify/user-info-icon.png">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>77x77</td>
                                        <td>26x26</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                         <tr><td class="require">要求: 77X77以上 PNG/JPEG</td></tr>
                    </table> 
		        </td>
		    </tr>
			<tr>
				<th>用户昵称:</th>
				<td><input type="text" value="JMIWUD" disabled="disabled"><span class="error">Error Error Error Error</span></td>
			</tr>
			<tr>
				<th>手机号:</th>
				<td><input type="text" value="18138288888" disabled="disabled"></td>
			</tr>
			<tr>
				<th>用户昵称:</th>
				<td><input type="text" value="JMIWUD" disabled="disabled"></td>
			</tr>
			<tr>
				<th>手机号:</th>
				<td><input type="text" value="18138281386" disabled="disabled"></td>
			</tr>
		</table>
		<table>
			<tr>
				<th>用户昵称:</th>
				<td><input type="text" value="JMIWUD" disabled="disabled"></td>
			</tr>
			<tr>
				<th>手机号:</th>
				<td><input type="text" value="18138281386" disabled="disabled"></td>
			</tr>
			<tr>
				<th>用户昵称:</th>
				<td><input type="text" value="JMIWUD" disabled="disabled"></td>
			</tr>
			<tr>
				<th>手机号:</th>
				<td><input type="text" value="18138288888" disabled="disabled"></td>
			</tr>
		</table>
	</div>
	
	<p id="save-btn" class="button" onClick="addDroneEditor.clickSave()">保 存</p>
</main>
	
</body>

<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/cropper.min.js"></script>
<script src="/js/vendor/common.js"></script>
<script src="/js/vendor/system-info-manager.js"></script>
<script>

    var isEditState = false;

    function clickEdit() {
        var isEditState = ($("#system-icon-upload").css("display") == "none");
        $("#system-icon-upload").css("display", isEditState ? "block" : "none");
        $("#system-icon-upload-input").css("display", isEditState ? "block" : "none");
    }
</script>

</html>






